<div align="center">
    <h3>DATOS BÁSICOS</h3>
    <hr/>
</div>
<form id="colaborador_id" action="">
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Tipo Documento: </span>
                <select class="form-control" name="tipoDocumento">
                    <option value="DNI">DNI</option>
                    <option value="RUC">RUC</option>
                    <option value="OTROS">OTROS</option>
                </select>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon"># Documento: </span>
                <input type="text" class="form-control" placeholder="Username" name="documento">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Nombres: </span>
                <input type="text" class="form-control" placeholder="Username" name="nombre">
            </div>
        </div>
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Ap. Paterno: </span>
                <input type="text" class="form-control" placeholder="Username" name="paterno">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Ap. Materno</span>
                <input type="text" class="form-control" placeholder="Username" name="materno">
            </div>
        </div>
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Dirección: </span>
                <input type="text" class="form-control" placeholder="Username" name="direccion">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Sexo: </span>
                <select class="form-control" name="sexo">
                    <option value="M">MASCULINO</option>
                    <option value="F">FEMENINO</option>
                </select>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Cumpleaño: </span>
                <input type="date" class="form-control" name="cumpleanos">
            </div>
        </div>
    </div>
    <hr/>
    <!-- COLBORADOR -->
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Código: </span>
                <input type="text" class="form-control" name="codigo">
            </div>
        </div>
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Fec. Contrato: </span>
                <input type="date" class="form-control" name="fechaContrato">
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Sueldo: </span>
                <input type="number" class="form-control" name="sueldo">
            </div>
        </div>
        <div class="col-lg-6">
            <div class="input-group">
                <span class="input-group-addon">Tipo Pago: </span>
                <input type="text" class="form-control" name="tipoPago">
            </div>
        </div>
    </div>
    
    <hr/>
    <div align="center">
        <button id="botonGuardar" type="button" class="btn btn-primary btn-mini">GUARDAR</button>
    </div>

</form>



<script type="text/javascript" >
    $('#botonGuardar').click(function() {
        $.ajax({
            url: 'controller/control_colaborador.php',
            data: $('#colaborador_id').serialize()+"&action=register56ddD3tffhgr3Grg",
            async: false,
            success: function(fespuesta) {
                alert(fespuesta);
            }
        });
    });
</script>